import QtQuick 2.0

Item {
    property string m_content: ""

    width: m_root_id.width
    height: m_root_id.height-m_lineValue
    anchors.bottom: parent.bottom

    Rectangle {
        anchors.centerIn: parent
        width: row.childrenRect.width*1.2
        height: row.childrenRect.height
        color: "#474747"
//        opacity: 1
        radius: m_lineValue*0.1
    }

    Row {
        id: row
        anchors.centerIn: parent
        spacing: m_lineValue*0.1

        Item {
            width: m_lineValue
            height: m_lineValue

            Image {
                id: iconImage
                anchors.centerIn: parent
                width: m_lineValue*0.5
                height: m_lineValue*0.5
                source: "qrc:/images/icon_waiting.png"

                ParallelAnimation {
                    running: true
                    NumberAnimation { target: iconImage; property: "opacity"; from: 0.0; to: 1.0; duration: 200 }
                    NumberAnimation { target: iconImage; property: "rotation"; from: 0; to: 360; loops: Animation.Infinite; duration: 1200 }
                }
            }
        }

        Item {
            width: content.paintedWidth
            height: m_lineValue

            AText {
                id: content
                anchors.fill: parent
                verticalAlignment: Text.AlignVCenter
                text: m_content
                color: "#ffffff"
            }
        }
    }

    MouseArea {
        anchors.fill: parent
    }
}

